<div nz-row [nzGutter]="8" style="padding: 8px;">
  <div nz-col class="gutter-row" [nzSpan]="6">
    <button nz-button [nzType]="'primary'" (click)="New()">
      <span>新建套题</span>
    </button>
  </div>
</div>

<nz-table #nzTable [nzDataSource]="data" [nzPageSize]="10">
  <thead nz-thead>
    <tr>
      <th nz-th>
        <span>序号</span>
      </th>
      <th nz-th>
        <span>套题名称</span>
      </th>
      <th nz-th>
        <span>题目数量</span>
      </th>
      <th nz-th>
        <span>难度</span>
      </th>
      <th nz-th>
        <span>创建时间</span>
      </th>
      <th nz-th>
        <span>操作</span>
      </th>
    </tr>
  </thead>
  <tbody nz-tbody>
    <tr nz-tbody-tr *ngFor="let data of nzTable.data ;index as i; ">
      <td>
        {{i+1}}
      </td>
      <td nz-td>
        <a href="/content/taotiDetail/{{data.id}}">{{data.name}}</a>
      </td>
      <td nz-td>{{data.count}}</td>
      <td nz-td>{{data.difficulty}}</td>
      <td nz-td>{{data.jointime | date:'yyyy-MM-dd hh:mm:dd'}}</td>
      <td nz-td>
        <button nz-button [nzType]="'primary'" [nzShape]="'circle'" (click)="Alter(data.id)">
          <i class="anticon anticon-edit"></i>
        </button>

        <button nz-button [nzType]="'danger'" [nzShape]="'circle'" (click)="Delete(data.id)">
          <i class="anticon anticon-delete"></i>
        </button>
      </td>
    </tr>
  </tbody>
</nz-table>